﻿@{
    ViewBag.Title = "testupload";
}
<html>
<head runat="server">
    <title></title>
    <link href="/Scripts/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Scripts/jquery-1.7.1.min.js"></script>
    <script src="/Scripts/uploadify/jquery.uploadify-3.1.js" type="text/javascript"></script>
 <script type="text/javascript">
     $(function () {
         $("#uploadify").uploadify({
             //指定swf文件
             'swf': '/Scripts/uploadify/uploadify.swf',
             //后台处理的页面
             'uploader': '@Url.Action("save", "web")',
             //按钮显示的文字
             'buttonText': '上传图片',
             //显示的高度和宽度，默认 height 30；width 120
             //'height': 15,
             //'width': 80,
             //上传文件的类型  默认为所有文件    'All Files'  ;  '*.*'
             //在浏览窗口底部的文件类型下拉菜单中显示的文本
             'fileTypeDesc': 'Image Files',
             //允许上传的文件后缀
             'fileTypeExts': '*.gif; *.jpg; *.png',
             //发送给后台的其他参数通过formData指定
             //'formData': { 'someKey': 'someValue', 'someOtherKey': 1 },
             //上传文件页面中，你想要用来作为文件队列的元素的id, 默认为false  自动生成,  不带#
             //'queueID': 'fileQueue',
             //选择文件后自动上传
             'auto': false,
             //设置为true将允许多文件上传
             'multi': true,

             'onUploadError': function (file, errorCode, errorMsg) {
                 alert(1);
             },
             'onUploadSuccess': function (file, data, response) {
                 // alert((typeof data));
                 var jsonobj = eval('(' + data + ')'); ;
                 alert(jsonobj.msg);
             }


         });
     });
    
    </script>
</head>
<body>
    <div>
        <%--用来作为文件队列区域--%>
        <div id="fileQueue">
        </div>
        <input type="file" name="uploadify" id="uploadify" />
        <p>
            <a href="javascript:$('#uploadify').uploadify('upload')">上传</a>| 
            <a href="javascript:$('#uploadify').uploadify('cancel')">取消上传</a>
        </p>
       
    </div>
</body>
</html>

